<template>
  <div class="search">
    <div style="margin-left: 10px;margin-top: 10px;font-size: 18px;">
      <i class="el-icon-s-custom" style="font-weight: bold; cursor:pointer;">上传病例</i>
      <i class="el-icon-close" style="float:right;margin-right: 20px; cursor:pointer;" @click="ttt"></i>
    </div>
    <div style="text-align: center;margin-top: 150px;">
      <el-upload
        class="upload-demo"
        drag
        action="https://jsonplaceholder.typicode.com/posts/"
        multiple>
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
      </el-upload>
      <el-upload
        class="upload-demo"
        action="https://jsonplaceholder.typicode.com/posts/"
        multiple
        :limit="3"
        >
        <el-button size="small" type="success" style="margin-top: 300px">点击上传</el-button>
      </el-upload>

    </div>
  </div>
</template>

<script>
export default {
  name: 'PatientManagement',
  data () {
    return {
    }
  },
  methods: {
    ttt () {
      this.$router.push('/HomePage/Drug')
    }
  }
}
</script>

<style scoped lang="scss">
  .search{
    width: 100%;
    height: 810px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.08);
    margin-top: 20px;
  }

</style>
